<template>
    <span class="tnxel-enum-items">
        <template v-for="(key, index) of value">
            <span class="tnxel-enum-items__delimiter" :key="key" v-if="delimiter && index > 0">{{ delimiter }}</span>
            <enum-item class="tnxel-enum-items__item" :key="key" :type="type" :sub-type="subType" :value="key"
                :app="app"/>
        </template>
    </span>
</template>

<script>
import EnumItem from '../enum-item/EnumItem.vue';

export default {
    name: 'TnxelEnumItems',
    components: {EnumItem},
    props: {
        type: {
            type: String,
            required: true,
        },
        subType: String,
        value: Array,
        delimiter: String,
        app: String,
    },
    data() {
        return {};
    },
    mounted() {
    },
}
</script>
